<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./demo.css">
    <style>
        body{
            background-color: olivedrab;
            perspective: 800px;
        }
        #root{
            /* 不会启动GPU */
            /* transform: translate(100px); */

            /* 启动GPU加速 */
            transform-style: preserve-3d;
            transform:translate3d(100px,100px,200px);
            background-color: orange;
            width: 100px;
            height: 100px;
        }
    </style>
</head>
<body>
    <div id="root">
        <span class="demo">
          This is a span.
        </span>
        <p> # 使用说明</p>
      </div>
</body>
</html>